<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
  <head>
  	<meta charset="utf-8" />

  	<!-- Uncomment to make IE8 render like IE7 -->
  	<!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->

  	<!-- Set the viewport width to device width for mobile -->
  	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

  	<title><%= content_for?(:title) ? yield(:title) : "Untitled" %></title>

  	<%= stylesheet_link_tag    "application" %>
  	<%= javascript_include_tag "vendor/custom.modernizr" %>
    <%= csrf_meta_tags %>
  </head>

  <body>
    <nav class="top-bar">
      <ul class="title-area">
        <!-- Title Area -->
        <li class="name">
          <h1><%= link_to "Welcome", posts_path %></h1>
        </li>
        <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
      </ul>
      <section class="top-bar-section">
          <ul class="left">
              <li class="divider"></li>
              <li><%= link_to "Posts", posts_path%></li>
              <li class="divider"></li>
              <li class="active"><%= link_to "Users", users_path %></li>
              <li class="divider"></li>
          </ul>
      </section>

    </nav>

  <div class="row">
      
      <div class="large-8 columns"><%= yield %></div>
      <div class="large-4 columns"> 
          <h2>This is part of the layout of users!</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel urna sapien. Praesent posuere, felis a lacinia venenatis, ante ipsum faucibus lorem, nec tempor turpis velit non felis. Quisque tempus fermentum quam, consequat varius leo iaculis vel. Sed varius magna in euismod tincidunt. Aliquam dignissim sed odio eget mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris blandit commodo commodo.
</p>
      </div>
          
  </div>
    

    
    <%= javascript_include_tag "application" %>
  </body>
</html>
